<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=1024px" charset="utf8" >
<title>CDCCAM | Home</title>
<link rel="shortcut icon" href="../img/icon.png" type="image/x-icon">
<link href="../css/font-awesome.css" rel="StyleSheet" type="text/css"/>
<link href="../css/style.css" rel="StyleSheet" type="text/css"/>
<link href="../css/745.css" rel="StyleSheet" type="text/css"/>
<script type="text/javascript" src="../js/jquery.js" ></script>
<script type="text/javascript" src="../js/jqueryui.js" ></script>
<script type="text/javascript" >
	$(document).ready(function(){
		function Slide(images){
			var img_label = ["name1","name2","name3","name4","name5","name6","name7","name8"];
			//$(".dcr-sld-namesp").append(name);
		
			var _slide = document.createElement("div");
			var _slide_pre = document.createElement("div");
			var _slide_thumbs = document.createElement("div");
			var _names = new Array();
			var _images = new Array();
			var _current_slide= 0 ;
			var _interval = null;
			
			_slide.addImage=function(image){_images.push(image);};
			
			$(_slide).attr("class","dcr-sld-h");
			$(_slide_pre).attr("class","dcr-sld-pre");
			$(_slide_thumbs).attr("class","dcr-sld-thumbs");
			
			$(_slide).append( _slide_pre ).append( _slide_thumbs );
			
			for(var i=0;i<images.length;i++){
				var thumb = document.createElement("div");
				var img = document.createElement("img");
				var names = document.createElement("div");
				$(names).attr("class","dcr-sld-namesp").text(img_label[i]);
				$(thumb).attr("class","dcr-sld-thumb").attr("sid",i).append(names).append(img).click(function(){
					_current_slide=parseInt($(this).attr("sid"));
					$(_slide_pre).find("img").toggle("slide",function(){
						$(this).attr("src",images[_current_slide]).toggle("slide")
					});
					clearInterval(_interval);
					_interval=setInterval(function(){animateSlide();},5000);
				});
				$(img).attr("src",images[i]);
				$(_slide_thumbs).append(thumb);
				if(i==0){
					var pre_i = document.createElement("div");
					var img = document.createElement("img");
					$(img).attr("src",images[i]).attr("class","img");
					$(pre_i).attr("class","dct-sld-i").append(img);
					$(_slide_pre).append(pre_i);
				}
			}
			
			function animateSlide(){
				_current_slide=_current_slide>=(images.length-1)?0:(_current_slide+1);
				$(_slide_pre).find("img").toggle("fadeout",function(){
					$(this).attr("src",images[_current_slide]).toggle("fadein")
				});
			}
			
			_slide.animate=function(){
				//_interval=setInterval(animateSlide(),1000);
				_interval=setInterval(function(){animateSlide();},5000);
			};
			_slide.stop=function(){clearInterval(_interval);};
			return _slide;
		}
		
		var images = ["../img/sldn1.png","../img/sldn2.png","../img/sldn3.png","../img/sldn4.png","../img/sld5.jpg","../img/sld6.jpg","../img/sld7.jpg","../img/sld8.jpg"];
		var slide = new Slide(images);
		$(".m-slide").append(slide);
		slide.animate();
		
	});
</script>
</head>
<body>
	<div class="dcr-lyr" >
		<!--<div class="lyr-fixed dcr-top" >
			<div class="dcr-phone" ><div class="fa fa-phone" style="padding: 0px 5px 0px 0px; font-size: 14px;"  ></div>855(0)12 97 8800488</div>
			<div class="dcr-email" ><div class="fa fa-envelope"  style="padding: 0px 5px 0px 0px;  font-size: 14px;" ></div>info@cdccam.com</div>
		</div>-->
        <div class="header">
		<div class="lyr-fixed dcr-lg-mnu" >
			<div class="dcr-logo" ><img src="../img/logo.png" height="100%" style="display: inline-block;" /></div>
			<div class="dcr-mnu-src" >
				<div class="dcr-mnu" >
                    <div class="sc-fb fa fa-facebook-square" ></div>
                    <div class="sc-skp fa fa-skype" ></div>
                    <!--<div class="sc-yt fa fa-youtube-square" ></div>
                    <div class="sc-tw fa fa-twitter-square" ></div>
                    <div class="sc-gp fa fa-google-plus-square" ></div>-->
				</div>
				<div class="dcr-src" >
					<input type="text" name="txtsearch" id="txtsearch" class="txtsearch" placeholder="ស្វែងរក ... " value="" />
					<span class="search-icon fa fa-search" ></span>
				</div>
			</div>
		</div>
        </div>
        
    <div class="menus">
        <div class="dcr-mnus" >
                    <div class="dcr-mnu-i" ><a href="index.html" >ទំព័រដើម</a></div>
                    <div class="dcr-mnu-i" ><a href="about.html" >អំពីយើងខ្ញុំ</a></div>
                    <div class="dcr-mnu-i dcr-sub-mnu" >
                        <a href="service.html" >សេវាកម្ម</a>
                        <ul>
                            <li><a href="builtout.html#build-out" >BUILD-OUT</a></li>
                            <li><a href="mfc.html#multi-family" >សំណង់ច្រើនគ្រួសារ</a></li>
                            <li><a href="flats.html#flates" >ផ្ទះល្វែង</a></li>
                            <li><a href="townhouse.html#town-house" >Townhouses</a></li>
                            <li><a href="duplex.html#duplex" >Duplex</a></li>   
                        </ul>
                    </div>
                    <div class="dcr-mnu-i" ><a href="restoration.html" >ការស្ដារឡើងវិញ</a></div>
                    <div class="dcr-mnu-i" ><a href="designanddecor.html" >ការរៀបចំនិងតុបតែង</a></div>
                    <div class="dcr-mnu-i dcr-sub-mnu" >
						<a href="gallery.html">សាលរូបភាព</a>
						<ul>
							<li><a href="gallery.html">គម្រោងចុងក្រោយ</a></li>
							<li><a href="gallery.html">គំរូនៃការរៀបចំ</a></li>
						</ul>
					</div>
                    <div class="dcr-mnu-i" ><a href="contact.html" >ទំនាក់ទំនង</a></div>
        
        
		</div>
        
    </div>
        
    </div>
	<div class="dcr-lyr" style="background: #000; " >
		
		<div class="lyr-fixed m-slide" ></div>
	</div>
	<div class="dcr-lyr" >
		<div class="lyr-fixed dcr-mn-cntn" >
			<div class="dcr-ls" >
				<div class="blk-info" >
					<h3 style="font-family: 'SWISSB'; font-size: 18px; " >អំពីយើងខ្ញុំ</h3>
					<p style="text-align: justify; " >
					នៅ CDCCAM (ចតុមុខ ដេក័រ និង សាងសង់ កម្ពុជា លីមីតធីត) ពេលមានគេសួរពីយើង, យើងតែងតែនិយាយយ៉ាងមុតមាំុថា សមាសធាតុដ៏សំខាន់ និង មានតម្លៃបំផុត គឺ អ្នករាល់គ្នាដែលរួមគ្នាបង្កើតក្រុមហ៊ុនរបស់យើង។ ក្រុមការងាររបស់យើង គឺ សុទ្ធសឹង ត្រូវបានវិកវឺងយ៉ាងស្ទាត់ជំនាញ និង មានសមត្ថភាព ប្រកបដោយសក្ដានុពល។ ដែលផ្ដាជ្ញា និង បំពេញកិច្ចការងារ អោយបានយ៉ាងល្អប្រសើរ និង ប្រកបដោយវិជ្ជាជីវៈ ជូនអតិថិជន។ 
					</p>
					<a class="read-more" >អានពិស្ដារ...</a>
				</div>
				<div class="blk-info" >
					<h3 style="font-family: 'SWISSB'; font-size: 18px; " >គោលដៅរបស់យើង</h3>
					<p style="text-align: justify; " >CDCCAM មានបំណងចង់ក្លាយជាក្រុមហ៊ុនមួយដែលល្អបំផុតតាមអាចធ្វើទៅបាន។ វាជាឆន្ទៈផ្ទាល់ខ្លួនដែលចង់ភ្ជាប់ជាមួយសង្គម វាជាការរពឹងទុកដ៏ធំមួយ វាជាការបង្កើតក្រុមនៃ អតិថិជន នយោជិក អ្នកផ្គត់ផ្គង់ អោយរួមគ្នាដើម្បី បង្កើតស្នាដៃដ៏ល្អមួយ អភិវឌ្ឍន៍ទំនាកទំនងអោយកានតែរឹងមាំ និង បង្កើតនូវគ្រោងការ ងារមួយដែលថ្មី មានភាពល្អប្រសើរ ដើម្បីឈានទៅកាន់ភាពជោគជ័យរួមគ្នា។ គោលដៅ CDCCAM គឺផ្ដោតទាំងស្រុងទៅលើការផ្ដល់សេវារកម្មដែលជាសេចក្ដីត្រូវការរបស់អតិថិជន។</p>
					<span class="read-more" >Read more...</>
				</div>
			</div>
			<div class="dcr-rs" style="border-left: 1px dashed #CCC; " >
				<h2 style="font-family: 'SWISSB'; font-size: 22px; margin: 2px 0px;" >ផលិតផលរបស់យើង</h3>
				<ul>
					<li><a href="wwd.html#service">អ្វីដែលយើងធ្វើ</a></li>
					<li><a href="builtout.html#build-out">BUILD-OUT</a></li>
					<li><a href="restoration.html#restoration">ការស្ដារឡើងវិញ</a></li>
					<li><a href="mfc.html#multi-family">សំណង់គ្រួសារច្រើន</a></li>
					<li><a href="flats.html#flates">ផ្ទះល្វែង</a></li>
					<li><a href="townhouse.html#town-house">Townhouses</a></li>
					<li><a href="duplex.html#duplex">Duplex</a></li>
				</ul>
			</div>
		</div>
		<div class="lyr-fixed dcr-footer" >
			<div class="drc-addr-term" >
				<div class="dcr-address" >
				ក្រុមហ៊ុនចតុមុខដេក័រនិងសាងសង(កម្ពុជា)លីមីធីត<br/>
				<span style="color: #999; font-size: 12px; " >
				អាស័យដ្ឋានផ្ទះលេខ #5C ផ្លូវ 284 កាច់ជ្រុង ផ្លូវ 163 សង្កាត់ អូឡាំពិច ខណ្ឌ ចំការមន ក្រុងភ្នំពេញ កម្ពុជា<br/> 
                ទូស័ព្ទ:  855(0)71 7644448 | 855(0)12 97 8800488 |  855(0)92 294800&nbsp;អ៊ីមែល: info@cdccam.com
				</span>
				</div>
				<div class="dcr-term" ><a >លក្ខណៈសេវាកម្ម</a> | <a >Privacy គោលនយោបាយ</a></div>
			</div>
			<div class="dcr-alr-mnu" >
				<div class="alr-dsn" >2014 រក្សាសិទ្ធិគ្រប់យ៉ាង។ រៀបចំដោយ៖ ASDICT</div>
				<div class="alr-mnu" >
					<div class="alr-mnu-i" ><a href="contact.html" >ទំនាក់ទំនង</a></div>
					<div class="alr-mnu-i" ><a href="gallery.html" >សាលរូបភាព</a></div>
					<div class="alr-mnu-i" ><a href="service.html" >សេាវាកម្ម</a></div>
					<div class="alr-mnu-i" ><a href="about.html" >អំពីខ្ញុំ</a></div>
					<div class="alr-mnu-i" ><a href="index.html" class="active" >ទំព័រដើម</a></div>
				</div>
			</div>
		</div>
	</div>
	
</body>
</html>